<template>
    <!-- 添加或修改用户配置对话框 -->
    <el-dialog :title="$locale('student.add.quotation')" :visible.sync="open" width="1100px" :close-on-click-modal="false">
        <el-table :data="tableData" border style="width: 100%" show-summary :summary-method="getSummaries">
            <el-table-column type="index" width="50">
            </el-table-column>
            <el-table-column prop="id" :label="$locale('myDevice.determinedList.device')">
            </el-table-column>
            <el-table-column prop="name" :label="$locale('geWudevice.code')">
            </el-table-column>
            <el-table-column prop="amount1" sortable :label="$locale('student.add.Unit price (RMB)')">
            </el-table-column>
            <el-table-column prop="amount2" sortable :label="$locale('student.add.Unit price (USD)')">
            </el-table-column>
            <el-table-column prop="amount3" sortable :label="$locale('geWudevice.quantity')">
            </el-table-column>
            <el-table-column prop="amount2" sortable :label="$locale('student.add.Total price (RMB)')">
            </el-table-column>
            <el-table-column prop="amount3" sortable :label="$locale('student.add.Total price (USD)')">
            </el-table-column>
        </el-table>
    </el-dialog>
</template>

  <script>
import { add, edit, getById } from "@/api/business/student";
import { schoolSelect } from "@/api/experiment/experimentList";
import { list } from "@/api/device/turnoverBoxList";

export default {
    name: "quotation",
    data () {
        return {
            open: false,
            tableData: [{
                id: '12987122',
                name: '王小虎',
                amount1: '234',
                amount2: '3.2',
                amount3: 10
            }, {
                id: '12987123',
                name: '王小虎',
                amount1: '165',
                amount2: '4.43',
                amount3: 12
            }, {
                id: '12987124',
                name: '王小虎',
                amount1: '324',
                amount2: '1.9',
                amount3: 9
            }, {
                id: '12987125',
                name: '王小虎',
                amount1: '621',
                amount2: '2.2',
                amount3: 17
            }, {
                id: '12987126',
                name: '王小虎',
                amount1: '539',
                amount2: '4.1',
                amount3: 15
            }]
        };
    },
    created () {

    },
    methods: {
        /** 新增按钮操作 */
        handleUpdate () {
            this.open = true;
        },
        getSummaries (param) {
            const { columns, data } = param;
            const sums = [];
            columns.forEach((column, index) => {
                if (index === 0) {
                    sums[index] = '总价';
                    return;
                }
                const values = data.map(item => Number(item[column.property]));
                if (index == 6 || index == 7) {
                    if (!values.every(value => isNaN(value))) {
                        sums[index] = values.reduce((prev, curr) => {
                            const value = Number(curr);
                            if (!isNaN(value)) {
                                return prev + curr;
                            } else {
                                return prev;
                            }
                        }, 0);
                        sums[index] += ' 元';
                    } else {
                        sums[index] = 'N/A';
                    }
                }
            });

            return sums;
        }
    }
};
</script>

<style lang="scss" scoped>
.el-rate {
    line-height: 2;
}
</style>
